<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

	<ui:define name="head">
		<script type="text/javascript">
			$(document).ready(
					function() {
						$(".MenuPrincipal .Box .SubMenu").hide();
						$(".MenuPrincipal .Box h3").click(
								function() {
									$(".MenuPrincipal .Box .SubMenu").filter(
											':not(:animated)').slideUp();
									$(this).next(".SubMenu").filter(
											':not(:animated)').slideToggle();
								});
					});
		</script>
	</ui:define>

	<div class="Menu">
		<ol class="MenuPrincipal">
			<li class="Box"><span class="Divisor"></span> <img
				src="#{request.contextPath}/util/img/seta.jpg" border="0" />

				<h3>Residências</h3>

				<ol class="SubMenu">
					<li><a
						href="#{request.contextPath}/residencia/cadastrar_residencia.jsf">
							<p>Cadastrar Residência</p> </a>
					</li>
					<li><a
						href="#{request.contextPath}/residencia/listagem_residencias.jsf">
							<p>Lista de Residências</p> </a>
					</li>
				</ol></li>
			<li class="Box"><span class="Divisor"></span> <!--<span class="Seta"></span>-->
				<img src="#{request.contextPath}/util/img/seta.jpg" border="0" />
				<h3>Funcionários</h3>
				<ol class="SubMenu">
					<li><a
						href="#{request.contextPath}/funcionario/cadastrar_funcionario.jsf"><p>Cadastrar Funcionario</p>
					</a>
					</li>
					<li><a
						href="#{request.contextPath}/funcionario/listagem_funcionarios.jsf"><p>Lista de Funcionarios</p>
					</a>
					</li>
				</ol>
			</li>
			<li class="Box"><span class="Divisor"></span> <!--<span class="Seta"></span>-->
				<img src="#{request.contextPath}/util/img/seta.jpg" border="0" />
				<h3>Morador</h3>
				<ol class="SubMenu">
					<li><a
						href="#{request.contextPath}/morador/cadastrar_morador.jsf"><p>Cadastrar Morador</p>
					</a>
					</li>
					<li><a
						href="#{request.contextPath}/morador/listagem_moradores.jsf"><p>Lista de Moradores</p>
					</a>
					</li>
				</ol>
			</li>

			<li class="Box"><span class="Divisor"></span> <img
				src="#{request.contextPath}/util/img/seta.jpg" border="0" />
				<h3>Visitantes</h3>
				<ol class="SubMenu">
					<li><a href="#{request.contextPath}/visitante/cadastrar_visitante.jsf">
							<p>Cadastrar Visitante</p> </a>
					</li>
					<li><a href="#{request.contextPath}/visitante/listagem_visitantes.jsf">
							<p>Lista de Visitantes</p> </a>
					</li>
				</ol></li>
			<li class="Box"><span class="Divisor"></span> <img
				src="#{request.contextPath}/util/img/seta.jpg" border="0" />
				<h3>Visitas</h3>
				<ol class="SubMenu">
					<li><a href="#{request.contextPath}/visita/cadastrar_visita.jsf">
							<p>Agendar Visita</p> </a>
					</li>
					<li><a href="#{request.contextPath}/visita/listagem_visitas.jsf">
							<p>Visitas Pendentes</p> </a>
					</li>
					<li><a href="#{request.contextPath}/visita/listagem_historico_visitas.jsf">
							<p>Lista de Visitas</p> </a>
					</li>
				</ol></li>
		</ol>
	</div>

</ui:composition>